<%--
  Created by IntelliJ IDEA.
  User: JYC
  Date: 2022/4/14
  Time: 20:45:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div class="easyui-layout" style="width: 100%;height: 100%">
    <div data-options="region:'north',split:true" title="按条件查询" style="width:100%; height: 110px">
        <form id="qryChks" method="post" style="margin:0;padding:5px 5px">
            <span style="margin-right:10px">
                <input name="checkid" class="easyui-textbox" label="检查单号:">
            </span>
            <span style="margin-right:10px">
                <input name="rentid" class="easyui-textbox" label="出租单号:">
            </span>
            <span style="margin-right:10px">
                <input name="opername" class="easyui-textbox" label="业务人员:">
            </span>
        </form>
        <div align="center">
            <button onclick="qryRents()" class="easyui-linkbutton">查询</button>
            <button onclick="clearF()" class="easyui-linkbutton">清空</button>
        </div>
    </div>
    <div data-options="region:'center',title:'出租单列表',iconCls:'icon-ok'">
        <table class="easyui-datagrid" pagination="true" rownumbers="true"
               id="tb_data_Chklist" striped="true"
               data-options="url:'qryChks',method:'get',singleSelect:true,fit:true,fitColumns:true">
            <thead>
            <tr>
                <th data-options="field:'checkid'" width="50">检查单号</th>
                <th data-options="field:'datetime'" width="50">检查时间</th>
                <th data-options="field:'rentid'" width="50">租车单号</th>
                <th data-options="field:'opername'" width="50">业务经理</th>
                <th data-options="field:'problem'" width="60">问题</th>
                <th data-options="field:'paymoney'" width="60">赔付金额</th>
                <th data-options="field:'checkdesc'" width="50">检车描述</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<script type="text/javascript">
    var url;

    function qryRents() {
        //将表单序列化为json对象
        var params = $("#qryChks").serializeJson();
        // console.log(params);
        $("#tb_data_Chklist").datagrid({
            queryParams: params
        });
    }

    function clearF() {
        $('#qryChks').form('clear')
    }
</script>
</body>
</html>
